{% load static %}
<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<link rel="stylesheet" type="text/css" href="{% static 'css/second_views_details.css' %}"/>
		<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.js"></script>
	</head>
	<body>
		<div class="navigation">
			<img src="{% static 'img/LOGOOOO.png' %}" class="Logo" alt="logo">
            <a href="{% url 'start_views' %}" class="before">寻物启事</a>
            <a href="{% url 'second_views/' %}" class="before">失物招领</a>
            <a href="{% url 'publish' %}" class="before">发布帖子</a>
            <a href="{% url 'about' %}" class="last">关于</a>
                {% if requests.session.is_login == True %}
                    <a href="{% url 'per_center' %}" class="last">个人中心</a>
                {% else %}
                    <a href="{% url 'login' %}" class="last">登录 . 注册</a>
                {% endif %}
		</div>
		<div class="first">
		<div class="other">
			<h1>
				<b>○</b>
			</h1>
			<img src="img/25xt-711061-AbstractSharpBackgroundsz7.png" >
			<p>昵称:<span>{{ data.users.user_name }}</span></p>
			<p>ID:<span>{{ data.users.user_id }}</span></p>
		</div>
		<div class="box">
			<div class="picture">
				<div class="banner" >
				     <div class="img-wrap">
				         <ul>
				             <li class="item" style="display: block">
				                 <a href="#"><img src="/media/{{ data.o_picture }}" alt="" class="lunbo"></a>
				             </li>
{#				             <li class="item">#}
{#				                 <a href="#"><img src="img/R-C(1).jpg" alt="" class="lunbo"></a>#}
{#				             </li>#}
{#				             <li class="item">#}
{#				                 <a href="#"><img src="img/R-C.jpg" alt=""class="lunbo"></a>#}
{#				             </li>#}
				        </ul>
				    </div>
				    <div class="lr-tab">
				        <div class="left btn"></div>
				        <div class="right btn"></div>
				    </div>
				    <div class="tab-btn">
				    <ul>
				        <li class="btn"></li>
				        <li class="btn"></li>
				        <li class="btn"></li>
				    </ul>
				    </div>
				</div>
			</div>
		<div class="information">
			<h1><b>●物品信息</b></h1>
				<p>物品名称：
				<span >{{ data.o_name }}</span>
				</p>
				<p>物品分类：
				<span >{{ data.o_classification }}</span>
				</p>
				<p>物品详情：
				<span>{{ data.o_detail }}</span>
				</p>
		</div>
		<div class="information">
			<h1><b>●相关信息</b></h1>
				<p>丢失时间：
				<span>{{ data.o_date }}</span>
				</p>
				<p>丢失地点：
				<span>{{ data.o_place }}</span>
				</p>
		</div>
		<div class="information">
			<h1><b>●联系方式</b></h1>
				<p>Tel/QQ/VX：
				<span>{{ data.o_contact_details }}</span>
				</p>
		</div>
		<div class="recevice">
			<div class="btn">
				<!-- <a href="#">领取</a> -->
				<button>领取</button>
			</div>
		</div>
		</div>
		<div class="person">

		</div>
		</div>
	</body>
	<script type="text/javascript" src="{% static 'js/second_views_details.js' %}"></script>
<!-- 	<script type="text/javascript">
		window.addEventListener("scroll",function (){
		    let header=document.querySelector("header");
		    header.classList.toggle("sticky",window.scrollY > 0);
		})
	</script> -->
</html>
